<template>
	<view class="tag">
		<slot name='icon'></slot>
		<view class="info">
			<slot name='info'></slot>
		</view>
	</view>
</template>

<script setup>
	const props=defineProps({
		bgc:{
			type:String,
			default:'rgba(0,0,0,0)'
		},
		borderBgc:{
			type:String,
			default:'#F5F5F5'
		},
		color:{
			type:String,
			default:'white'
		},
		fontSize:{
			type:String,
			default:'20rpx'
		}
	})
</script>

<style lang="less">
	.tag{
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: v-bind(bgc);
		border:1rpx solid v-bind(borderBgc); 
		border-radius:8rpx;
		padding: 4rpx;
		.info{
			font-size: v-bind(fontSize);
			color:v-bind(color);
		}
	}
</style>